<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				/*border: 1px solid red;*/
				margin: 0px;
				padding: 0px;
			}
			.introduce{
				width: 388px;
				height: 298px;
				border: 1px solid #3B99FC;
				float: left;
			}
			.introduce h3{
				height: 40px;
				background-color: #3B99FC;
				color: white;
				text-align: center;
				line-height: 40px;
			}
			.introduce ul{
				margin-left: 50px;
				margin-top: 30px;
			}
			
			.introduce a{
				text-decoration: none;
				font-size: 14px;
				color: darkslategray;
			}
			.introduce li{
				height: 40px;
				list-style: square;
				/*映入样式
				list-style-image: url(img/捕获.PNG);*/
			}
			.introduce a:hover{
				color: black;
			}
			.outerintroduce{
				width: 1190px;
				height: 300px;
				/*border: 1px solid green;*/
				margin: 0px auto;
			}
			#in1,#in2{
				margin-right: 10px;
			}
		</style>
	</head>
	<body>
		<div class="outerintroduce">
			<div id="in1" class="introduce">
				<h3>最新发布</h3>
				<ul>
					<li><a href="">关于优化电子购票流程公告</a></li>
					<li><a href="">关于优化电子购票流程公告</a></li>
					<li><a href="">关于优化电子购票流程公告</a></li>
					<li><a href="">关于优化电子购票流程公告</a></li>
				</ul>
			</div>
			<div id="in2" class="introduce">
				<h3>最新发布</h3>
				<ul>
					<li><a href="">关于优化电子购票流程公告</a></li>
					<li><a href="">关于优化电子购票流程公告</a></li>
					<li><a href="">关于优化电子购票流程公告</a></li>
					<li><a href="">关于优化电子购票流程公告</a></li>
				</ul>
			</div>
			<div class="introduce">
				<h3>最新发布</h3>
				<ul>
					<li><a href="">关于优化电子购票流程公告</a></li>
					<li><a href="">关于优化电子购票流程公告</a></li>
					<li><a href="">关于优化电子购票流程公告</a></li>
					<li><a href="">关于优化电子购票流程公告</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>
